<script type="text/javascript">
$(function() {
     $("#tab_track").tabs();
     $("#commentaires").dialog({
      autoOpen: false,
      bgiframe: true,
      height: 650,
      width: 750,
      position: 'center',
      modal: true,
      title: 'Commentaires'
    }); 
     
     
    function load_fiche(login) {
     envoiAjax("user="+login, "fiche_user", "suivi/tracking_user");
    }
    function load_cours(id) {
     envoiAjax("cours="+id, "fiche_cours", "suivi/tracking_cours");
    }
    
    
   

		$("#personne").focus().autocomplete("suivi/tracking_selection_personnes.php", {
			width: 700,
			max:0,
			formatItem: function(row) {
				return row[1]+" "+row[2]+" ("+row[3]+")";
    		},
    		formatMatch: function(row) {
    			return row[0]+" "+row[1]+" "+row[2]+" ("+row[3]+")";
    		},
		    formatResult: function(row) {
			                              return row[0];
		                                }			
		});
		
		
		$("#personne").result(function(data) {
  		if (data)
  		{
  			var login=$("#personne").val();
        load_fiche(login);
  		}
  	});
		$("#form-cours").submit(function(data) {
  		if (data)
  		{
  			var cours=$("#cours").val();
        load_cours(cours);
        return(false);
  		}
  	});
  	
   	
	});
	
  function montrer_lignes(categorie){
      $(".tous").hide();
      $("."+categorie).show();
  }  
  

function voir_comm(id){
     $("#commentaires").load("suivi/tracking_voir_commentaires.php", { id: id});
     $("#commentaires").dialog("open");
}

</script>

<div id="tab_track">

	<ul>
		<li><a href="#tabs-1">Utilisateurs</a></li>
		<li><a href="#tabs-2">Cours</a></li>
	</ul>
	
	<div id="tabs-1"> 
	 <h2>Recherche Utilisateur</h2>
      	<div>
      		<form action="javascript:void(0);">
      			<input type="text" id="personne" />
      		</form>
      		
      		<div id="fiche_user"></div>
      		
      	</div>
  </div>
  
	<div id="tabs-2">
  <h2>Recherche Cours</h2>
      	<div>
      		<form id="form-cours">
      			<input type="text" id="cours" />
      		</form>
      		
      		<div id="fiche_cours"></div>
      		
      	</div>
  </div>
	<div id="commentaires"></div>
</div>
